<template>
  <div>
    <el-dialog :visible="showRole" title="分配角色">
      <el-checkbox-group v-model="checkList">
        <el-checkbox label="人事经理"></el-checkbox>
        <el-checkbox label="系统管理员"></el-checkbox>
        <el-checkbox label="">人事专员</el-checkbox>
        <el-checkbox label="">薪资专员</el-checkbox>
        <el-checkbox label="">员工</el-checkbox>
        <el-checkbox label="">111</el-checkbox>
      </el-checkbox-group>
      <el-row type="flex" justify="center" style="">
        <el-button type="primary" @click="save">提交</el-button>
        <el-button @click="quxiao">取消</el-button>
      </el-row>
    </el-dialog>
  </div>
</template>

<script>
//导入获取所有角色列表
import { getRoleList } from '@/api/shezhi'
//对应员工的信息
import { userProfile } from '@/api/user'
import { setRoles } from '@/api/yuangong'

export default {
  data () {
    return {
      checkList: ['选中且禁用', '复选框 A'],
      showRole: false
    }
  },
  created () {},
  methods: {
    //确认按钮点击事件
    async save () {},
    //取消点击事件
    quxiao () {}
  }
}
</script>

<style>
.el-checkbox-group {
  margin-bottom: 32px;
}
</style>
